<template>
    <div id="app">
        <div class="nav-box">
            <my-nav class="my-nav"></my-nav>
        </div>
        <div class="content-box">
            <router-view/>
        </div>
        <my-footer></my-footer>
    </div>
</template>

<script>
    import myNav from './components/my-nav'
    import myFooter from '@/components/my-footer'

    export default {
        name: 'app',
        components: {
            'my-nav': myNav,
            'my-footer': myFooter,

        }
    }
</script>
<style src="@/style/reset.css"></style>
<style src="@/style/common.css"></style>
<style src="@/style/font-awesome-4.7.0/css/font-awesome.min.css"></style>
<style>
.my-nav{
    background-color: #ffffff;
    margin: 0 auto;

}
.nav-box{
    position: fixed;
    top: 0;
    width: 100%;
    min-width: 1200px;
    background-color: #ffffff;
    z-index: 2;
}
    .content-box{
        margin-top: 80px;
    }
</style>
